<template>
  <cml-module-item
    :title="$t('cmlpanel.timeLine')"
    v-bind="$attrs"
    v-on="$listeners"
  >
    <a-switch
      size="small"
      :disabled="false"
      :checked="animateDebug"
      @change="setAnimateDebug"
    />
  </cml-module-item>
</template>

<script>
import { Switch } from 'ant-design-vue'
import CmlModuleItem from '../cml-module-item'
import { mapState } from 'vuex'
import { animateServer } from 'anov-core'

export default {
  name: 'timeLine',
  inheritAttrs: false,
  components: {
    ASwitch: Switch,
    CmlModuleItem
  },
  model: {},
  props: {},
  data() {
    return {}
  },
  computed: {
    ...mapState('animate', ['animateDebug'])
  },
  watch: {},
  created() {},
  mounted() {},
  beforeDestroy() {},
  methods: {
    setAnimateDebug(v) {
      animateServer.setAnimateDebug(v)
    }
  }
}
</script>
<style lang="scss" scoped></style>
